#{extends 'mainContent.html' /}
#{set title:productType.name /}


<h1 class="title">${productType.name}</h1>

<ul class="productList">
#{list items:productTypes,as:'productType'}
	<li>
		<h2>${productType.name}</h2>
		<a href="@{listProducts(productType.id)}"><img src="${play.configuration['attachments.download.prefix']+productType.image}" width="250" height="180" border="0"></img></a>
	</li>
#{/list}

#{list items:products,as:'product'}
	<li>
		<h2>${product.name}</h2>
		<a href="@{overview(product.id)}"><img src="${play.configuration['attachments.download.prefix']+product.detailImage}" width="250" height="180" border="0"></img></a>
		<p class="summary">${product.summary.replaceAll("\\n","<br>").raw()}</p>
	</li>
#{/list}

</ul>
